<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui3.css" rel="stylesheet" />
		<link href="../css/pravate/vip.css" rel="stylesheet" />
		<!--<script src="../js/echarts.min.js"></script>-->
		<script type="text/javascript" src="../js/jquery-2.1.0.js"></script>
		<script type="text/javascript" src="../js/Chart.min.js"></script>
		<script type="text/javascript" src="../js/mui.min.js"></script>
		<style>
			.mui-card .mui-control-content {
				padding: 10px;
			}
			
			.mui-control-content {
				height: 400px;
			}
			
			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
				font-size: 12px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">会员分析</h1>
		</header>
		<div id="div1">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<div id="div1_shang">
						会员数据
					</div>
				</li>
			</ul>

		</div>
		<div id="div2">
			<ul class="mui-table-view mui-grid-view mui-grid-9">
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 biankuang">
					<a href="JavaScript:open_win();">
						<div class="mui-media-body">--</div>
						<div class="mui-media-body">今日到店总会员（人）</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 biankuang">
					<a href="JavaScript:open_win2();">
						<div class="mui-media-body">--</div>
						<div class="mui-media-body">交易分析</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<a href="JavaScript:open_win2();">
						<div class="mui-media-body">--</div>
						<div class="mui-media-body">历史总会员（人）</div>
					</a>
				</li>
			</ul>

		</div>
		<div id="div3">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<div id="div1_shang">
						会员数据
					</div>
				</li>
			</ul>
			<div class="mui-content">
				<div style="padding: 10px 10px;">
					<div id="segmentedControl" class="mui-segmented-control">
						<a class="mui-control-item mui-active" href="#item1">
							消费频次
						</a>
						<a class="mui-control-item" href="#item2">
							消费能力
						</a>
					</div>
				</div>
				<div id="item1" class="mui-control-content mui-active">
					<div class="detail">
						支付宝：<span style="color: #69D2E7;">--%</span><br />
						微信：<span style="color: #E55859;">--%</span><br />
						百度钱包：<span style="color: #F38630;">--%</span>
					</div>
					<canvas id="canvas1" width="360" height="300"></canvas>
					<p style="position: relative;left: 0;top: -350px;text-align: center;font-size: 16px;">暂无会员分析</p>
					<!--<script>
						var pieData = [{
								value: 10,
								color: "#F38630"
							},
							{
								value: 20,
								color: "#E55859"
							},
							{
								value: 70,
								color: "#69D2E7"
							}
						];
						var myPie = new Chart(document.getElementById("canvas1").getContext("2d")).Pie(pieData);
					</script>-->
				</div>
				<div id="item2" class="mui-control-content">
					<div class="detail">
						支付宝：<span style="color: #69D2E7;">--%</span><br />
						微信：<span style="color: #E55859;">--%</span><br />
						百度钱包：<span style="color: #F38630;">--%</span>
					</div>
					<canvas id="canvas2" width="360" height="300"></canvas>
					<p style="position: relative;left: 0;top: -350px;text-align: center;font-size: 16px;">暂无会员分析</p>
					<!--<script>
						var pieData = [{
								value: 30,
								color: "#F38630"
							},
							{
								value: 25,
								color: "#E55859"
							},
							{
								value: 45,
								color: "#69D2E7"
							}

						];
						var myPie = new Chart(document.getElementById("canvas2").getContext("2d")).Pie(pieData);
					</script>-->
				</div>
			</div>
		</div>
		<div id="div4">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<div id="div1_shang">
						新增会员分析
					</div>
				</li>
			</ul>
			<div class="mui-content">
				<div style="padding: 10px 10px;">
					<div id="segmentedControl" class="mui-segmented-control">
						<a class="mui-control-item mui-active" href="#item4">
							日
						</a>
						<a class="mui-control-item" href="#item5">
							周
						</a>
						<a class="mui-control-item" href="#item6">
							月
						</a>
					</div>
				</div>
				<div id="item4" class="mui-control-content mui-active">
					<canvas id="canvas4" width="360" height="300"></canvas>
					<p style="position: relative;left: 0;top: -350px;text-align: center;font-size: 16px;">暂无会员分析</p>
					<!--<script>
						var lineChartData = {
							labels: ["支付宝","微信","百度钱包"],
							datasets: [
								{
									fillColor: "rgba(151,187,205,0.5)",
									strokeColor: "rgba(151,187,205,1)",
									pointColor: "rgba(151,187,205,1)",
									pointStrokeColor: "#fff",
									data: [28, 48, 40]
								}
							]
						}
						var myLine = new Chart(document.getElementById("canvas4").getContext("2d")).Line(lineChartData);
					</script>-->
				</div>
				<div id="item5" class="mui-control-content">
					<canvas id="canvas5" width="360" height="300"></canvas>
					<p style="position: relative;left: 0;top: -350px;text-align: center;font-size: 16px;">暂无会员分析</p>
					<!--<script>
						var lineChartData = {
							labels: ["支付宝","微信","百度钱包"],
							datasets: [
								{
									fillColor: "rgba(151,187,205,0.5)",
									strokeColor: "rgba(151,187,205,1)",
									pointColor: "rgba(151,187,205,1)",
									pointStrokeColor: "#fff",
									data: [35, 26, 77]
								}
							]
			
						}
			
						var myLine = new Chart(document.getElementById("canvas5").getContext("2d")).Line(lineChartData);
					</script>-->
				</div>
				<div id="item6" class="mui-control-content">
					<canvas id="canvas6" width="360" height="300"></canvas>
					<p style="position: relative;left: 0;top: -350px;text-align: center;font-size: 16px;">暂无会员分析</p>
					<!--<script>
						var lineChartData = {
							labels: ["支付宝","微信","百度钱包"],
							datasets: [
								{
									fillColor: "rgba(151,187,205,0.5)",
									strokeColor: "rgba(151,187,205,1)",
									pointColor: "rgba(151,187,205,1)",
									pointStrokeColor: "#fff",
									data: [88, 65, 55]
								}
							]
			
						}
			
						var myLine = new Chart(document.getElementById("canvas6").getContext("2d")).Line(lineChartData);
					</script>-->
				</div>
			</div>
		</div>
	</body>

</html>